<template>
  <div class="web-conclusion-detail">
    <h2 class="title w-text-center">{{ studyModel.title }}</h2>
    <p class="date w-text-center">{{ studyModel.dateStr }}</p>
    <p class="description w-text-center">{{ studyModel.describe }}</p>
    <!--marked 解析-->
    <w-marked-parsing :datastr="studyModel.content"/>
  </div>
</template>

<script lang="ts">
import StudyModel from "@/models/StudyModel";
import WMarkedParsing from "@/components/global/marked/parsing.vue";
import { Component, Vue } from "vue-property-decorator";

@Component({
  components: {
    WMarkedParsing
  }
})
export default class WebConclusionDetail extends Vue {
  private studyModel = new StudyModel();

  mounted() {
    this.studyModel._id = this.$route.query.id as string;
    this.findOne();
  }

  findOne() {
    this.studyModel
      .getModel()
      .then(() => {})
      .catch(() => {});
  }
}

</script>

<style lang="scss" scoped>
.web-conclusion-detail {
  padding: 20px;
  > .date {
    color: #999;
  }
  > .description {
    color: #666;
    line-height: 24px;
  }
}
</style>
